body {
  font-size: 18px;
  font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
  color: #666;
}
#root{
  overflow: auto;
  // background-color: #222d32;
}
a,Link{
  color: white;
  font-size: 14px;
}

.content{
  width: 100%;
  min-width: 975px;
  background-color: #ECF0F5;
  overflow: hidden;
  float: left;
  &>div{
    width: 98%;
    background-color: white;
    margin: 15px auto;
    & h3{
      font-size: 18px;
      border-bottom: 1px solid #f4f4f4;
      padding: 10px;
      border-top: 3px solid #3C8DBC;
      border-radius: 5px;
      & a,button{
        float: right;
      }
    }
  }
  & table{
    width: 98%;
  }
}
.mian-content{
  min-height: 87%;
  width: 100%;
  margin-top: 50px;
  padding-left: 180px;
  float: left;
}
.mian-body{
  margin: 15px;
  background-color: white;
}
.input{
  width: 300px;
  height: 35px;
  padding: 10px;
  border: 1px solid;
  border-radius: 5px;
}
.button {
  display: inline-block;
  border-radius:5px;
  text-align: center;
}
.queryButton{
  color: #fff;
  padding: 6px 12px;
  border-radius: 3px;
  margin-left: 10px;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.sure-button{
  color: #fff;
  padding: 6px 12px;
  border-radius: 3px;
  margin-left: 10px;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.excelButton{
  color: #fff;
  padding: 6px 12px;
  border-radius: 3px;
  font-size: 14px;
  margin-left: 10px;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.back-button{
  background-color: #f39c12;
  border-color: #e08e0b;
  color: #fff;
  padding: 6px 12px;
  border-radius: 3px;
  font-size: 14px;
  margin-left: 10px;
  & a{
    color: #fff;
    }
}
.green-button{
  color: #fff;
  padding: 6px 12px;
  border-radius: 3px;
  margin-left: 10px;
  background-color: #5cb85c;
  font-size: 14px;
  border-color: #4cae4c;
}
.canel-button{
  padding: 6px 12px;
  border-radius: 3px;
  margin-left: 10px;
  background-color: #4AA45C;
  color:white;
}
.cancel-button{
  padding: 6px 12px;
  border-radius: 3px;
  margin-left: 10px;
  background-color: #4AA45C;
  color:white;
}
.addButton{
  color: #fff;
  padding: 6px 12px;
  border-radius: 3px;
  margin-left: 10px;
  background-color: #00c0ef;
  border-color: #00acd6;
  font-size: 14px;
  & a{
  color: #fff;
  }
}
.clearButton{
  background-color: #dd4b39;
  border-color: #d73925;
  margin-left: 10px;
  border-radius: 3px;
  color: #fff;
  padding: 7px 12px;
  font-size: 14px;
}
//证书到期提醒
.expire{
  color: white;
  background-color: red;
}
.expire-data{
  color:red;
}

//form定位
.form{
  position: relative;
  min-height: 300px;
}
.absolute1{
  position: absolute;
  top: 10%;
  right: 40%;
}
.absolute2{
  position: absolute;
  top: 30%;
  right: 40%;
}
.absolute3{
  position: absolute;
  top: 50%;
  right: 40%;
}
// 公用inputcss
td,th{
  border: 1px solid rgb(238, 236, 236);
  padding-left: 8px;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
}
button{
  outline:none;
  cursor:pointer;
}
table{
  text-align: left;
  border-collapse: collapse;
  border: 1px solid rgb(238, 236, 236);
  margin: 8px 8px;
  & button,Link{
    min-width: 50px;
    height: 30px;
  }
  &>tbody>tr:nth-of-type(odd){
    background-color: #F9F9F9;
  }
}
.w50{
  min-width: 50px;
}
.w70{
  min-width: 70px;
}
.w80{
  min-width: 80px;
}
.w90{
  min-width: 90px;
}
.w110{
  min-width: 110px;
}
.w120{
 min-width: 120px;
}
.w125{
  min-width: 125px;
 }
.w170{
  min-width: 170px;
}
.w200{
  min-width: 200px;
}
.w360{
  min-width: 360px;
}
.w240{
  min-width: 240px;
}
.w430{
  min-width: 430px;
}
.form-item {
  .am-input-item {
    height: 52px;
    margin-bottom: 10px;
  }

  .area {
    padding-left: 22px;
    margin-bottom: 40px;

    span {
      font-size: 24px;
      sup {
        color: #E13639;
      }
    }
    &>div {
      display: inline-block;
      position: relative;
    }
  }

  .am-textarea-item {
    padding-right: 0 !important;
    margin-bottom: 40px;

    &::after {
      height: 0 !important;
    }
  }

  .am-list-body {
    .am-list-item {
      padding-left: 23px;

      .am-list-content {
        flex: 0 1 auto ;
      }

      .am-list-extra {
        font-size: 24px;
        text-align: left;
        padding-left: 35px;
        padding-top: 8px;
        height: 51px;
        width: 157px;
        flex-basis: auto;
        border: 1px solid rgba(43, 43, 43, 0.22);
      }

      .am-list-arrow {
        position: absolute;
        left: 110px;
        height: 20px;
      }
    }
  }

  .am-input-label, .am-textarea-label, .am-list-content {
    width: auto !important;
    font-size: 24px;
    margin-right: 10px;

    span {
      position: relative;
      display: inline-block;
      height: 0.52rem;
      line-height: 0.52rem;
      padding-right: 27px;
      width: 150px;
      text-align: right;
      color: #666;


      sup {
        position: absolute;
        right: 4px;
        top: 9px;
        color: #E13639
      }
    }
  }

  .am-textarea-control {
    max-width: 5.17rem;
    textarea {
      border-radius: 0;
      font-size: 22px;
      border: 1px solid rgba(43, 43, 43, 0.22);
    }
  }

  .am-input-control {
    max-width: 5.17rem;
    input{
      border-radius: 0;
      height: 51px;
      padding-left: 10px;
      font-size: 22px;
      border: 1px solid rgba(43, 43, 43, 0.22);
    }
  }
}


.am-list-body{
  &::before{
    height: 0 !important;
  }

  &::after {
    height: 0 !important;
  }

  .am-list-line{
    &::after {
      height: 0 !important;
    }
  }
}

.layer-5 {
  display: none;
}